<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1e1e1e1/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>前端开发</title>
<script src="PUBLIC_HOME/js/jquery.js"></script>
<link href="PUBLIC_HOME/css/comment.css" rel="stylesheet">
<style>
.about{  }
.aboutbox{ width:1000px; margin-left:auto; margin-right:auto;}
.abouttitle{ width:330px; height:80px; margin-bottom:50px; margin-top:60px; float:left;} 
 
.business{ }
.businessbox{ width:1000px; margin-left:auto; margin-right:auto; margin-bottom:30px; margin-top:30px;}
.businessline{ width:1000px; height:1px; background-color:#e1e1e1; margin-left:auto; margin-right:auto; }
.productbox{  float:left; width:123px; height:86px; background-color:#4b4b4b; margin-top:00px; margin-left:2px; margin-bottom:0px; margin-bottom:0px;}
.product{ margin-left:32px; margin-top:10px; height:521px; }
.producttitle{ font-family:"微软雅黑"; font-size:14px; color:#FFF;  text-align:center; margin-top:3px;}
.current1{  background-color:#00a9ec;}

.banner{  margin-top:-30px;}
.bannerbox{ width:1000px; margin-left:auto; margin-right:auto;}
.bannertitle{ font-family:"微软雅黑"; font-weight:bold; font-size:28px; color:#00a9ec; padding-top:40px;}
.bannerline{ width:1000px; height:1px; background-color:#e1e1e1; margin-left:auto; margin-right:auto;  }
.bannertext{  margin-top:20px; margin-bottom:40px;}
.bannertext p{ text-indent:2em; font-family:"微软雅黑";  font-size:14px; color:#666; line-height:24px;}
.bannerimg{ width:1000px; height:515px;}

.caseline{ width:1000px; height:1px; background-color:#e1e1e1; margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:10px; }
.casebox{ float:left;  margin-bottom:10px;  width:244px; height:210px;  margin-right:8px;}
.caseimg{ width:244px; height:170px;}
.casetext{ width:244px;font-family:"微软雅黑"; font-size:14px; color:#2bb1df; line-height:40px; text-align:center;}
.other{ float:left; width:244px; height:210px;}
</style>
</head>

<body>

<!-- 头部开始 -->

<include file="Public/top" />

<!-- 头部结束 -->

<div class="about"> 
    <div class="aboutbox overflowH">
        <div class="abouttitle overflowH">
            <div class="maintitle">{$business[0]['bu_name']}</div>
            <div class="englishtitle">Scope&nbsp;of&nbsp;business</div>
            <div class="englishtitlesmall">We&nbsp;can&nbsp;do&nbsp;is&nbsp;to&nbsp;perfection</div>
            <div class="smalltitle">{$business[0]['bu_title']}</div>
        </div>
        <div class="aboutcurrent"><a href="#">当前位置：{$business[0]['bu_name']}</a></div>
    </div>  
</div>

<div class="business">  
        <div class="businessline overflowH"></div>     
         <div class="businessbox overflowH">
           
              <div class="product"><img src="/public/Uploads/{$business[0]['bu_images']}">
              </div>
         
          </div>       
   <div class="businessline overflowH"></div>    
</div>  
   
<div class="banner">
    <div class="businessbox overflowH">
        <div class="bannertitle">{$business[0]['bu_title']}</div> 
        <div class="bannertext">
            <p>{$business[0]['bu_content']}</p>
            
       </div> 
        <!-- <div class="bannerimg"><img src="PUBLIC_HOME/images/businessimg_03.png"></div>  -->
    </div>  
</div>

<div class="banner">
    <div class="businessbox overflowH">
        <div class="bannertitle">最新案例</div> 
         <div class="caseline"></div> 
         <div class="casebox">       
             <div class="caseimg"><img src="PUBLIC_HOME/images/businessimg1_03.png"></div>
             <div class="casetext">手机广告</div>
         </div>
         <div class="casebox">   
             <div class="caseimg"><img src="PUBLIC_HOME/images/businessimg1_05.png"></div>
             <div class="casetext">蓝天家居广告</div>
         </div>  
         <div class="casebox">   
             <div class="caseimg"><img src="PUBLIC_HOME/images/businessimg1_07.png"></div>
             <div class="casetext">酷派手机广告</div>
         </div>  
         <div class="other">   
             <div class="caseimg"><img src="PUBLIC_HOME/images/businessimg1_09.png"></div>  
             <div class="casetext">梦想科技有限公司广告</div>
         </div>                
    </div>  
</div>

<div class="footer">
  <div class="footerbox overflowH">
  
      <div class="links">
        <h1>友情链接</h1>
        <h1>Links</h1>
      </div>
      <div class="linksa">
          <a href="#">CGHUB&nbsp;&nbsp;  |&nbsp;&nbsp;</a>
          <a href="#">CGSOCIETY &nbsp;&nbsp; |&nbsp;&nbsp; </a> 
          <a href="#">VANGAVFX &nbsp;&nbsp; |&nbsp;&nbsp;</a> 
          <a href="#"> MODUS &nbsp;&nbsp; |&nbsp;&nbsp; </a>
          <a href="#">HOUDINI &nbsp;&nbsp; |&nbsp;&nbsp;</a>
          <a href="#">     PIXOLOGIC &nbsp;&nbsp; |&nbsp;&nbsp;</a> 
          <a href="#">     AUTODESK &nbsp;&nbsp; |&nbsp;&nbsp; </a> 
          <a href="#">     优酷&nbsp;&nbsp;  |&nbsp;&nbsp;</a> 
          <a href="#">      VERYCD  新浪&nbsp;&nbsp;  |&nbsp;&nbsp;</a> 
          <a href="#">     广州联雅网&nbsp;&nbsp;|&nbsp;&nbsp;</a>
          <a href="#"> 百度&nbsp;&nbsp;  |&nbsp;&nbsp;</a>  
          <a href="#"> 阿里巴巴&nbsp;&nbsp;  |&nbsp;&nbsp;</a>
      </div>
      <div class="footerline"></div>
      <div class="links">
        <h1>联系我们</h1>
        <h1>Contact</h1>
      </div>
      <div class="linksa">
           <ul class="contactleft">
             <li>销售热线：4006-854-855</li>
             <li>VIP 专线：0775-2955 6666</li>
             <li>  电子邮箱：18360296@pe168.com</li>
             <li>  公司地址：广州市天河区广州大道中900号501房之自编D07单位</li>
           </ul>
      </div>
      <div class="weixin"> <a href="#"><img src="PUBLIC_HOME/images/photo_123.png"></a></div> 
     
  </div> 
</div> 

<div class="copyright">
  <div class="copyrightbox">
    <div class="copyrighta"> Copyright&nbsp;&nbsp;&copy;&nbsp; 2009-2012 pe168.com 中国产品网版权所有</div>          
  </div>
</div> 
<div class="back"><img src="PUBLIC_HOME/images/back.png"></div>
 
<script>
/*导航*/ 
$(document).scroll(
	function(){
		if(toppos>10){
			$(".back").fadeIn();	
		}else if(toppos==0){
			$(".back").fadeOut();	
		}
	}
)
$(".back").click(
	function(){		 
		$("html,body").animate({scrollTop:0})
	}
)

$(".productbox").mouseenter(
                function(){
					$(this).addClass("current1").siblings().removeClass("current1");} 
)        .mouseleave(
          function(){
			  $(this).removeClass("current1");
			  $(".productbox").eq(5).addClass("current1");
					}             
)  

</script>
</body>
</html>
